* { padding: 0; margin: 0; font-size: 16px; box-sizing: border-box; } html { font-size: 14px; --text-overflow-line: 1; opacity: 0; animation: loadingFadeShow .4s ease-in forwards; } iframe{ width:100% !important; min-height: 100vh; } ul,li { list-style: none; } a { text-decoration: none; } body{ font-size: 14px; } .xiaopai-html a { color: #2283e3; } .xiaopai-html p { line-height: 2em; } .overflowText { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--text-overflow-line); overflow: hidden; } .loading-box { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .loading { width: 35px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .loading div { width: 10px; height: 10px; border-radius: 50%; background-color: #fc2f70; animation: loadingFade 0.6s ease-in-out alternate infinite; } loading div:nth-of-type(1) { animation-delay: -0.4s; } .loading div:nth-of-type(2) { animation-delay: -0.2s; } @keyframes loadingFade { from { opacity: 1; } to { opacity: 0; } } @keyframes loadingFadeShow { from { opacity: .4; } to { opacity: 1; } } .laypage_main{ font-size: 14px; } body { background-color: rgba(255,255,255,1); min-width: 1300px; overflow-x: auto; background-image: url('https://api.cswszy.com/storage/images/design-web/202308/29/image_1693272127_64ed483fc33a4.png'); background-repeat: repeat; background-size: 100%; background-position:center; } .app-main { width: 100%; display: flex; justify-content: center; } .app-main-content { width:100%; display: flex; justify-content: center; } .app-left { width: 200px; min-width: 200px; max-width: 200px; background-color: rgba(255,255,255,0) height: 100vh; } .app-right { width: 200px; min-width: 200px; max-width: 200px; background-color: rgba(255,255,255,0); height: 100vh; } .app-header{ background-color: rgba(255,255,255,0); } .app-footer{ width: 100%; background-color: rgba(255,255,255,0); } .app-content { width: 100%; min-height: 100vh; flex: 1; background-color: rgba(255,255,255,0); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_container { position:fixed; top:0px; z-index:99; height: 148px; width: 100%; background: linear-gradient(to bottom, rgba(151,0,0,1), rgba(151,0,0,0)); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; user-select:none; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUp { width: 100%; height: 45px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpBody { display: flex; width: 1300px; height: 100%; margin: 0 auto; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpLeft { flex: 4; height: 100%; font-size: 14px; color: rgba(255,255,255,1); font-weight: 400; font-family: PingFang SC; line-height: 45px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpMid { flex: 10; height: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpUl { display: flex; justify-content: flex-end; width: 100%; height: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpLi { font-family: PingFang SC; font-weight: 400; font-size: 14px; line-height: 45px; margin-left:20px; color: rgba(255,255,255,1); cursor: pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpRight { display: flex; align-items: center; justify-content: flex-end; gap: 12px; height: 100%; margin-left:20px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpRight ul{ display:flex; font-size: 14px; align-items:center; color: rgba(255,255,255,1); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpRight ul li{ position:relative; padding:0 10px; cursor:pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpRight ul li:first-of-type::after{ content:''; width:0.8px; height:16px; background-color:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%) } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpSearchImg { width: 22px; height: 22px; cursor: pointer; object-fit: contain; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conUpImg { width: 16px; height: 16px; cursor: pointer; object-fit: contain; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDown { width: 100%; height: 103px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownBody { display: flex; align-items:center; width: 1300px; height: 100%; gap:30px; margin: 0 auto; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownImg { display: block; flex: 1; height: 60px; max-width: 260px; object-fit: contain; cursor:pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownUl { flex: 8; display: flex; justify-content: space-between; height: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownLi { position: relative; font-size: 18px; font-family: PingFang SC; font-weight: 500; color:rgba(255,255,255,1); line-height: 103px; cursor: pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownLi:hover { color: rgba(153,13,13,1); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownLi:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralLi{ animation:move70_1 .5s linear; animation-fill-mode: forwards; } @keyframes move70_1{ from{ opacity:0; } to{ opacity:1; } } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownLi:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralUl { max-height: 600px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralUl { width: max-content; position: absolute; top: 80px; left: 50%; z-index: 99; transform: translateX(-50%); display: flex; flex-direction: column; gap: 2px; height: fit-content; padding: 0px 0px 0px 0px; max-height: 0; overflow: hidden; transition: all .5s ease; background-color: transparent; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralUl::-webkit-scrollbar { width: 1px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralUl::-webkit-scrollbar-thumb { background-color: rgba(151,0,0,1); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralLi { font-size: 14px; line-height: 20px; color:rgba(255,255,255,1); font-weight: 400; border:1px solid #ccc; font-family: PingFang SC; text-align: center; padding: 0px 2px; padding:10px; background:rgba(151,0,0,0.8); opacity:0 } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conDownExtralLi:hover { background:rgba(164,32,32,1); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit { position: fixed; top: -100vh; display: flex; flex-direction: column; z-index: 100; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .7); overflow-y: hidden; transition: top .5s ease; background-color: darkgray; background: url('https://www.cswszy.com/icon/70navBG.png'); background-size: cover; background-repeat: no-repeat; z-index:9999; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editTop { display: flex; justify-content: space-between; align-items: center; padding: 0px 25px; width: 100%; height: 123px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editTopImg { width: 320px; height: 90px; object-fit: contain; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editTopBtn { width: 80px; height: 40px; border: none; font-size: 24px; background-color: transparent; color: rgba(255,255,255,1); cursor: pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMid { position: relative; display: flex; width: 100%; flex: 8; z-index:101; overflow: hidden; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidLeftBox { position: relative; flex: 1; height: 100%; padding-top: 100px; overflow: hidden; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidLeft { position: absolute; right: 400px; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } @keyframes moveRight { from { right: 400px; } to { right: 0px; } } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidLeft { animation: moveRight 2.2s forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidLeftLi { position: relative; font-size: 16px; font-weight: 400; color: rgba(255,255,255,1); line-height: 46px; cursor: pointer; max-width: 100px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidLeftLi::after { content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); height: 1px; width: 0px; transition: width .5s ease; background-color: rgba(153,13,13,1); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidLeftLi:hover::after { width: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRight { display: flex; gap: 6px ; justify-content: center; flex: 9; width: 100%; padding-top: 100px; overflow: hidden; } @keyframes mover { from { top: -500px; } to { top: 0px; } } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi { position: relative; top: -5000px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(1) { animation: mover 1s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(2) { animation: mover 1.1s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(3) { animation: mover 1.2s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(4) { animation: mover 1.3s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(5) { animation: mover 1.4s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(6) { animation: mover 1.5s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(7) { animation: mover 1.6s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(8) { animation: mover 1.7s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(9) { animation: mover 1.8s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(10) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(11) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(12) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(13) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(14) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(15) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(16) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(17) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(18) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(19) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(20) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(21) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(22) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(23) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLi:nth-child(24) { animation: mover 1.9s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLiTitle { position: relative; font-size: 16px; font-weight: 500; color: rgba(255,255,255,1); line-height: 40px; cursor: pointer; text-align: center; min-width:90px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLiTitle::after { content: ""; position: absolute; top: 44px; left: 50%; transform: translateX(-50%); width: 0px; height: 1px; transition: all .5s ease; background-color:rgba(153,13,13,1) ; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRightLiTitle:hover::after { width: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralUl { display: flex; flex-direction: column; overflow:hidden } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralUl::-webkit-scrollbar { width:1px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralUl::-webkit-scrollbar-thumb { background-color: #fff; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralLi { position: relative; text-align: center; font-size: 14px; font-weight: 400; height:40px; line-height: 40px; color: rgba(255,255,255,1); cursor: pointer; max-width: 140px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralLi::after { content: ""; position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 0px; height: 1px; transition: all .5s ease; background-color: rgba(153,13,13,1); } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralLi:hover::after { width: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottom { position: relative; width: 100%; flex: 3; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomUl { position: absolute; top: 200px; display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; height: 100%; } @keyframes moveTop { from { top: 200px; } to { top: 0px; } } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_edit:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomUl { animation: moveTop 2s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLi { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLiImg { width: 40px; height: 40px; object-fit: contain; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLiBox { position: absolute; top: -115px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 108px; height: 108px; background-color: #fff; transition: top .5s ease; opacity: 0; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBotCode { position: relative; display: block; width: 100px; height: 100px; object-fit: cover; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLi::after { content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); display: block; width: 0px; height: 0px; border: 10px solid transparent; border-top: 10px solid #fff; opacity: 0; transition: top .5s ease; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLi:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLiBox { opacity: 1; top: -120px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editBottomLi:hover::after { display: block; opacity: 1; top: -12px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_search { position: fixed; top:-100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index:99; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .7); overflow-y: hidden; transition: top .5s ease; background-color: darkgray; background: url('https://www.cswszy.com/icon/70navBG.png'); background-size: cover; background-repeat: no-repeat; } @keyframes moveTitle{ from{ margin-top:-800px; } to{ margin-top:0px; } } @keyframes moveInput{ from{ margin-top:-1000px; } to{ margin-top:0px; } } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_search:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchTitle { animation: moveTitle 2s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_search:hover .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchInputBox{ animation:moveInput .5s ease forwards; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchTopBtn { width: 80px; height: 40px; border: none; font-size: 24px; background-color: transparent; color: rgba(255,255,255,1); cursor: pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchBox { flex: 1; display: flex; flex-direction: column; padding-top: 100px; align-items: center; width: 100%; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchTitle { display: block; color: rgba(255,255,255,1); font-size: 62px; font-weight: 700; text-align: center; padding: 1em 0; letter-spacing: .2em; margin-top:-800px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchInputBox { display: flex; width: 1170px; height: 76px; background-color: rgba(157, 157, 144, .8); border-radius: 38px; margin-top:-1000px; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchInputReal { flex: 8; height: 100%; border-radius: 38px 0px 0px 38px; border: none; outline: none; padding-left: 35px; padding-right: 10px; background-color: rgba(157, 157, 144, .8); font-size: 22px; color: rgba(255,255,255,1); font-family: 'Microsoft yahei'; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchInputReal::placeholder { font-size: 22px; color: #fff; font-family: 'Microsoft yahei'; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchInputIconBox { display: flex; align-items: center; justify-content: center; flex: 1; height: 100%; border-radius: 0px 38px 38px 0px; background-color: #fff; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_searchInputIconBoxIcon { width: 32px; height: 32px; object-fit: contain; cursor: pointer; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conCircle { position: fixed; right: -78px; top: 50%; z-index:9999; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 156px; height: 156px; border-radius: 78px; background-color: rgba(151,0,0,1); padding-right: 60px; cursor:pointer; display:none; transtion:all .5s ease; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conCircleView { position: fixed; right: -78px; top: 50%; z-index:9999; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 156px; height: 156px; border-radius: 78px; background-color: rgba(151,0,0,1); padding-right: 60px; cursor:pointer; transtion:all .5s ease; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_conCirBody { width: 10px; height: fit-content; color: rgba(255,255,255,1); font-size:16px; user-select:none; } @media screen and (max-width:1560px) { .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editExtralUl { display: flex; flex-direction: column; overflow-y:auto !important; overflow-x:auto !important; } .c70__d4a86ffc-b13c-49b3-9f60-0edd1f1de60c_editMidRight{ overflow-y:auto !important; overflow-x:auto !important; } }.c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_container { position: relative; width: 100%; height: 100vh; overflow-y: hidden; overflow-x: hidden; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_wrapper { width: 100%; height: 100%; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_leftNav { position: absolute; top: 50%; left: 3%; transform: translateY(-50%); display: flex; align-items:center; justify-content:center; z-index: 10; width: 56px; height: 56px; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_rightNav { position: absolute; top: 50%; right: 3%; transform: translateY(-50%); display: flex; align-items:center; justify-content:center; z-index: 10; width: 56px; height: 56px; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_navImg { width: 90%; height: 90%; object-fit: cover; cursor: pointer; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_swiperSlide { width: 100%; height: 100vh; overflow:hidden; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_slideImg { width: 100%; height: 100vh; object-fit: cover; } @keyframes moveHuge { from{ transform:scale(1.0) } to{ transform:scale(1.1); } } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_slideImgSin{ width: 100%; height: 100vh !important; object-fit: cover !important; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_navgination { position: absolute; z-index: 99; bottom: 5%; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_navUl { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_navLi { display: flex; width: 15px; height: 15px; cursor: pointer; } .c77__edd00333-fdf9-46a3-a42f-5e08f434a94c_navLiImg { width: 100%; height: 100%; object-fit: cover; }.c74__285d1073-b94c-4ad7-a145-5fae9f25b209_container { display: flex; flex-direction: column; width: 100%; height: fit-content; padding: 100px 0px 0px 0px; margin: 0px 0px 0px 0px; color: rgba(255, 255, 255, 1); user-select:none; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_containerBg { position:relative; display: flex; flex-direction: column; width: 100%; height: fit-content; padding: 100px 0px 0px 0px; margin: 0px 0px 0px 0px; background: linear-gradient(to top, rgba(162,44,59,1), rgba(162,44,59,0)); color: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-size: 100%; background-position: center center; background-attachment: inherit; user-select:none; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUp { position:relative; z-index:9; display: flex; align-items: flex-end; width: 1300px; margin: 0px auto; margin-top: 50px; padding-bottom: 50px; transition:all .5s ease; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpActive{ display: flex; align-items: flex-end; width: 1300px; margin: 0px auto; margin-top: 50px; padding-bottom: 50px; transition:all .5s ease; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpLeft { flex: 2; display: flex; flex-direction: column; height: 100%; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLeftTop { flex: 1; display: flex; align-items: center; width: 100%; font-size: 18px; font-family: PingFang SC; line-height: 50px; font-weight: 400; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLeftTop img { height: 50px; width: 50px; object-fit: contain; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLeftUl { flex: 5; display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 15px; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLeftLi { width: fit-content; font-size: 18px; font-family: PingFang SC; font-weight: 400; margin-right:16px; margin-bottom:16px } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLeftLi:last-of-type{ margin-right:0; margin-bottom:0 } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRight { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; gap: 48px; height: 50px; position: relative; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightLi { position: relative; display: flex; cursor:pointer; width: px; height: 48px; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightLiImg { width: 100%; height: 100%; object-fit: cover; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightBox { position: absolute; top: -192px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 168px; height: 168px; opacity: 0; background-color: #fff; transition: all .5s ease; border-radius: 5px; display: none; } @keyframes showSelf { from { opacity: 0; top: -192px; } to { top: -182px; opacity: 1; } } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightLi:hover .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightBox { display: flex; animation: showSelf .5s ease forwards; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightBoxImg { position: relative; display: flex; width: 156px; height: 156px; object-fit: cover; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRightBox::after { content: ""; position: absolute; bottom: -20px; display: flex; border: 10px solid transparent; border-top: 10px solid #fff; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDown { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; line-height:40px; border-top: 1px solid #fff; position:relative; z-index:9; transition:all .5s ease; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDown.c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownItem{ flex-direction: row !important; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDown.c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownItem .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownLi{ margin-right:10px; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDown.c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownItem .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownLi:last-of-type{ margin-right:0 } @keyframes moveLeft{ from{ margin-left:-1500px; } to{ margin-left:0px; } } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownActive{ display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center; width: 100%; height: 150px; border-top: 1px solid #fff; transition:all .5s ease; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conDownLi { font-size: 14px; font-weight: 400; font-family: PingFang SC; color: rgba(255, 255, 255, 1); } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLinks { position:relative; z-index:9; display: flex; width: 1300px; height: 105px; margin: 0 auto; border-radius: 20px 0px 20px 0px; border: 1px solid rgba(162,44,59,1); } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLinksLeft { flex: 2; height: 100%; font-size: 24px; color: rgba(162,44,59,1); line-height: 105px; text-align: center; font-weight: 600; border-right: 1px solid rgba(162,44,59,1); } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLinksRight { flex: 18; display: flex; justify-content: space-around; height: 100%; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLinksRightLi { height: 64px; font-size: 18px; color:rgba(48,49,51,1) ; line-height: 105px; cursor: pointer; border-bottom: 1px solid #303133; transform:scale(0); opacity:0; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLinksRightLiActive{ transform:scale(1); opacity:1; transition:all .5s ease; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLinksRightLi:hover{ color:#fff; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conSchoolLogo { width: 100%; height: 140px; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLogoImg { display: flex; width: 490px; height: 100px; margin: 0 auto; margin-bottom: 40px; object-fit: contain; } .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conLogoImgActive { animation:changeBottom 1s ease forwards; } @keyframes changeBottom{ from{ transform:perspective(2500px) rotateY(100deg) } to{ transform:perspective(2500px) rotateY(0) } } @media screen and (max-width:1500px) { .c74__285d1073-b94c-4ad7-a145-5fae9f25b209_conUpRight { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; gap: 48px; height: 50px; padding-right: 40px; } } .component_uuid_conDownLogo { position: absolute; bottom: 0px; right: 0px; background: url(https://website.cswszy.com/icon/schoolLogo.png); background-repeat: no-repeat; background-size: 100% 100%; width: 410px; height: 510px; z-index:0; pointer-events: none; } .component_uuid_conDownLeftBg { position:absolute; left:0px; bottom:0px; z-index:0; width: calc(100% - 100px); height: calc(100% + 100px); background:url(https://api.cswszy.com/storage/images/design-web/202312/01/image_1701392010_65692e8a11db4.webp); background-repeat:no-repeat; background-size:100% 100%; pointer-events: none; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_box { width: 100%; background:url(https://website.cswszy.com/icon/wy_image2.png ) rgba(255,255,255,1) no-repeat; background-size:100% 100%; font-size: 18px; padding: 100px 0px 100px 0px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_container { width: calc(100% - 100px); margin: 0px auto 0px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_title { width:1300px; font-size: 26px; color: rgba(125,0,0,1); display: flex; justify-content: center; margin: 0px auto 32px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_title h3 { position: relative; font-size: 26px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_title h3::before { position: absolute; content: ''; display: block; width: 37px; height: 2px; left: -45px; top: 50%; transform: translateY(-50%); background-color: #d7d7d7; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_title h3::after { position: absolute; content: ''; display: block; width: 37px; height: 2px; right: -45px; top: 50%; transform: translateY(-50%); background-color: #d7d7d7; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_content .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_item{ cursor: pointer; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBox { width: 100%; height: 340px; background-repeat:no-repeat; background-position: center; background-size: cover; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_itemContent{ padding: 15px 10px; background-color: #fff; text-align: center; border-bottom: 1px solid rgba(125,0,0,1); } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_itemContent h3{ font-weight: 500; color: #303133; font-size: 18px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_more{ margin-top: 30px; cursor:pointer; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_more p{ position: relative; width: max-content; display: flex; align-items: center; margin: 0 auto; color:#333; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_more p::before{ content: ''; position: absolute; width: 20px ; height: 20px; left: -30px; background: url('https://zhaosheng.nefu.edu.cn/images/cms/index/see_more.svg') no-repeat; background-position: center ; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem{ position: relative; width: 100%; height: 100%; color: #fff; z-index: 9; padding: 30px 18px; background-color: rgba(125,0,0,0.75); display: flex; flex-direction: column; align-items: center; display: none; justify-content: space-between; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem h3{ font-weight: 500; font-size: 20px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem p{ font-size: 17px; line-height: 1.7; --text-overflow-line:5 } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_clickMore{ padding: 10px 15px; background-color: rgba(125,0,0,1); border-radius: 5px; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_clickMore span{ width: 100%; height: 100%; color: #ffff; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_clickMore:hover{ background-color: rgba(125,0,0,1); } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_item:hover .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_imgBoxItem{ display: flex; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox .swiper-button-next, .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox .swiper-button-prev{ position: absolute; top: 50%; transform: translateY(-50%) ; width: 60px; height: 60px; background: url(https://website.cswszy.com/icon/wy_image65.png) no-repeat; background-size: cover ; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox .swiper-button-next::after, .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox .swiper-button-prev::after{ display: none; } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox .swiper-button-prev{ transform: translateY(-50%) translateX(-30px); } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox .swiper-button-next{ transform: translateY(-50%) translateX(30px); background-image: url(https://website.cswszy.com/icon/wy_image64.png); } .c318__7d85c2c0-fc37-4db1-8bf8-b9ef7a04daec_contentBox{ position: relative; width:100%; margin:0 auto; padding: 0 50px; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_box { width: 100%; padding: 150px 0px 150px 0px; background: url(https://website.cswszy.com/icon/wy_image2.png) rgba(255,255,255,1) no-repeat; background-size:100% 100%; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px; width: 1300px; margin: 0px auto 0px; font-size: 16px; height: 400px; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_left .c132__e466a08b-bee9-467e-acbc-36f05f985d92_imgBox { width: 100%; height: 400px; overflow: hidden; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_imgBox .swiper-wrapper, .c132__e466a08b-bee9-467e-acbc-36f05f985d92_imgBox .swiper-wrapper .swiper-slide{ width: 100% !important; height: 100% !important; cursor:pointer; position: relative; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_left .c132__e466a08b-bee9-467e-acbc-36f05f985d92_imgBox img { width: 100%; height: 100%; object-fit: cover; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_left .swiper-pagination{ text-align: right; padding-right: 20px; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_left .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background-color: #fff; opacity: 1; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_left .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: rgba(125,0,0,1); } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right { width: 100%; height: 100%; padding: 0 10px; background-color: rgba(255,255,255,1); } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_mainTitle { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e9e9e9; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_TitleLeft { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_hr { position: absolute; bottom:0; right: -32px; border-top: 22px solid transparent; border-bottom: 22px solid rgba(125,0,0,1); border-left: 16px solid rgba(125,0,0,1); border-right: 16px solid transparent; z-index: 0; } @media screen and (max-width:1560px) { .c132__e466a08b-bee9-467e-acbc-36f05f985d92_hr{ right:-31px !important ; } } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_cn { display: flex; align-items: center; position: relative; padding: 7px; height: 44px; font-size: 24px; font-weight: 600; color: #fff; line-height: 33px; background: rgba(125,0,0,1); } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_cn .c132__e466a08b-bee9-467e-acbc-36f05f985d92_icon { display: flex; width: 25px; height: 25px; margin-right: 10px; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_cn .c132__e466a08b-bee9-467e-acbc-36f05f985d92_icon img { width: 100%; height: 100%; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_swiper_bar{ width: 100%; position: absolute; bottom: 0; left: 0; height: 50px; display: flex; align-items: center; padding-left: 12px; padding-right: 12px; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0, 0, 0, .4); } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_cn .c132__e466a08b-bee9-467e-acbc-36f05f985d92_cnText { font-size: 24px; color: #ffffff; font-weight: bold; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_en { color: gray; font-size: 12px; margin-left: 30px; font-size: 16px; color: #909399; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_more { font-size: 14px; color: rgba(125,0,0,1); font-weight: 600; cursor: pointer; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right ul li { display: flex; position: relative; justify-content: space-between; align-items: center; padding: 0 7px 0 12px; height: 60px; border-bottom: 1px solid #e9e9e9; color: #303133; cursor:pointer; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right ul li:hover { color:rgba(125,0,0,1) } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right ul li:last-of-type{ border-bottom: none; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right ul li h3 { flex:1; font-size: 16px; font-weight: 500; margin-bottom:0 } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right ul li::before{ content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; background-color: #e9e9e9; } .c132__e466a08b-bee9-467e-acbc-36f05f985d92_right ul li span{ color: #606266; margin-left:10px; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_container { width: 100%; height: fit-content; user-select: none; padding: 100px 0px 100px 0px; background: url(https://website.cswszy.com/icon/wy_image2.png) rgba(255,255,255,1) no-repeat; background-size:100% 100%; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_content { display: flex; gap: 40px; width: 1300px; height: 400px; margin: 0px auto 0px; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conLeft { flex: 1; display: flex; flex-direction: column; height: 100%; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_mainTitle { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; border-bottom: 1px solid #e9e9e9 ; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_TitleLeft { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_hr{ position: absolute; right: -32px; bottom:0; border-top: 22px solid transparent; border-bottom: 22px solid rgba(125,0,0,1); border-left: 16px solid rgba(125,0,0,1); border-right: 16px solid transparent; z-index: 0; } @media screen and (max-width:1560px) { .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_hr{ right:-31px; !important; } } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_cn { display: flex; align-items: center; position: relative; padding: 7px; height: 44px; font-size: 24px; font-weight: 600; color: #fff; line-height: 33px; background: rgba(125,0,0,1); } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_cn .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_icon { width: 25px; height: 25px; margin-right: 10px; display:flex; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_cn .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_icon img { width: 100%; height: 100%; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_cn .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_cnText { font-size: 24px; color: #ffffff; font-weight: bold; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_en { color: gray; font-size: 12px; margin-left: 30px; font-size: 16px; color: #909399; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_more { font-size: 14px; color: rgba(125,0,0,1); font-weight: 600; cursor: pointer; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conLeftUl { flex: 1; display: grid; grid-template-rows: repeat(3, 1fr); grid-template-columns: repeat(2, 1fr); grid-auto-flow: row; grid-gap: 25px; width: 100%; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conLeftLi { display: flex; align-items: center; justify-content: center; padding: 0px 15px; font-size: 16px; color: #303133; background-color: #fff; border-bottom: 3px solid rgba(125,0,0,1); cursor: pointer; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conLeftLi p{ --text-overflow-line: 2; line-height:24px; font-size: 16px; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conLeftLi:hover { color:#fff; background-color:rgba(125,0,0,1) } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conRight { position: relative; flex: 1; display: flex; align-items: center; justify-content: flex-start; height: 100%; overflow: hidden; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conRight::after { content: ""; display: block; position: absolute; top: 0px; width: 100%; height: 100%; transform: skewX(-25deg); margin-left: 180px; z-index: 0; background:rgba(125,0,0,1) } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conRightBody { position: relative; z-index: 1; width: 96%; height: 90%; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conRightImg { width: 100%; height: 100%; object-fit: cover; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conRightTitle { position: absolute; bottom: 0px; width: 100%; font-size: 16px; padding:10px 15px; color: #fff; background-color: #00000085; } .c137__7a276625-bc1c-4d99-a5ae-4dcca141764c_conRightTitle p{ font-size: 16px; }.c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__box{ width:100%; display:flex; justify-content:center; align-items:center; background: url() rgba(255,255,255,0) no-repeat; background-size:100% 100%; padding:50px 0px 56px 0px; margin-top:0px; margin-bottom:0px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__container { width: 100%; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__mainBox { width: 1300px; height: calc(1300px/1.93); margin: auto; display: flex; flex-direction: column; justify-content: space-between; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__mainTitle { width: 100%; display: flex; justify-content: space-around; margin-top: 20px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleBox { width: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; cursor: pointer; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__title { display: flex; justify-content: flex-start; align-items: center; gap: 8px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleIcon { width: 32px; height: 32px; display: flex; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleIcon img { width: 100%; height: 100%; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleName { font-size: 28px; color: #303133; font-weight: 400; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line1box { width: 58%; display: flex; justify-content: flex-end; margin-left: -68px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line1 { width: 0; height: 3px; background-color:rgba(153,13,13,1); transition: .4s; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleBox:nth-of-type(2) .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line1box .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line1{ width:100%; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleBox:nth-of-type(2) .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line2box .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line2{ width:100%; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleBox:nth-of-type(2) .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__title .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__titleName{ color:rgba(153,13,13,1) } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line2box { width: 58%; display: flex; justify-content: flex-start; margin-right: -68px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__line2 { width: 0; height: 3px; background-color: rgba(153,13,13,1); transition: .4s; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__articleBox { width: 100%; height: 83%; display: flex; justify-content: space-between; display: none; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__articleBox:nth-of-type(3){ display: flex; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__left { width: 52%; height: 100%; display: flex; justify-content: flex-end; position: relative; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__right { width: 48%; height: 100%; display: flex; align-items: flex-end; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__contentBox { width: 94%; height: 80%; background-color: rgba(153,13,13,1); display: flex; flex-direction: column; justify-content: space-between; padding: 50px 0; position:relative; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__contentBox.animate{ animation: move72 0.6s linear; } @keyframes move72{ from { left:-500px; opacity: 0; } to{ left:0; opacity: 1; } } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__contentTitle { width: 180px; height: 56px; background-color: #ffffff; position: absolute; left: -50px; top: -28px; display: flex; justify-content: center; align-items: center; gap: 8px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__contentIcon { width: 24px; height: 24px; display: flex; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__contentIcon img { width: 100%; height: 100%; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__contentName { font-size: 20px; color: rgba(153,13,13,1); font-weight: 400; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listBox { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; cursor: pointer; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listBox:hover .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listTitle span, .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listBox:hover .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listTime, .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listBox:hover .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listTitle{ color:rgba(160,128,89,1) } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listTitle { font-size: 16px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex:1; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listTitle span { color:#ffffff; margin-right: 10px; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__listTime { font-size: 16px; color: #ffffff; font-family: math; width: 116px; display: flex; justify-content: flex-end; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__pic{ width: 100%; height: 92%; display: flex; position:relative; overflow:hidden; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__pic.animate{ animation:move72_1 0.6s linear } @keyframes move72_1{ from { right:-500px; opacity: 0; } to{ right:0; opacity: 1; } } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__pic img{ width: 100%; height: 100%; object-fit: cover; cursor:pointer; transition:all .3s } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__more{ width: 160px; height: 40px; display: flex; justify-content: space-between; position: absolute; bottom: -70px; right:-29px; cursor: pointer; z-index:5; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__moreText{ width: 138px; background-color: rgba(153,13,13,1); height: 100%; font-size: 16px; color: #ffffff; display:flex ; justify-content: center; align-items: center; } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__moreIcon{ width: 30px; height: 100%; font-size: 16px; color: #ffffff; display:flex ; justify-content: center; align-items: center; background-color: rgba(125,0,0,1); } .c72__e29012a6-2ac2-4e1c-84da-ce902597c70d__right:hover img{ transform:scale(1.1) }.c75__a5258f6f-40ee-429e-847f-94564bdab549_box { width: 100%; display:flex; align-items:flex-end; font-size: 20px; padding: 100px 0px 0px 0px; background: url() rgba(255,255,255,0) no-repeat; background-size: 100% 100%; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_box .c75__a5258f6f-40ee-429e-847f-94564bdab549_container { width: 1300px; margin: 0px auto 0px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_box .c75__a5258f6f-40ee-429e-847f-94564bdab549_title { text-align: center; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_contentBox { display: grid; grid-template-columns: 6.8fr 7.2fr; margin-top: 32px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_contentBox .c75__a5258f6f-40ee-429e-847f-94564bdab549_leftTop{ display: grid; width: calc(100% - 50px); align-items: flex-end; margin-left: 50px; grid-template-columns: 5fr 3fr; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_contentBox .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.animate{ animation: move 1s linear; } @keyframes move{ from{ transform: perspective(2500px) rotateY(-100deg) } to{ transform: perspective(2500px) rotateY(0) } } .c75__a5258f6f-40ee-429e-847f-94564bdab549_contentBox .c75__a5258f6f-40ee-429e-847f-94564bdab549_leftBottom{ display: grid; grid-template-columns: 3.5fr 5fr; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_contentBox .c75__a5258f6f-40ee-429e-847f-94564bdab549_right .c75__a5258f6f-40ee-429e-847f-94564bdab549_rightTop{ display: grid; grid-template-columns: 4fr 3fr; align-items: flex-end; transform: translateY(-68.5px); } .c75__a5258f6f-40ee-429e-847f-94564bdab549_contentBox .c75__a5258f6f-40ee-429e-847f-94564bdab549_right .c75__a5258f6f-40ee-429e-847f-94564bdab549_rightBottom{ display: grid; width: calc(100% - 30px); grid-template-columns: 2fr 2fr 2fr; align-items: flex-start; transform: translateY(-68.5px); } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item{ position: relative; width: 100%; height: 221px; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: rgba(153,13,13,1); cursor:pointer; transition-delay: .1s; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item .c75__a5258f6f-40ee-429e-847f-94564bdab549_itemContent{ position: absolute; width: 100%; height: 100%; z-index: 2; display: flex; color: #fff; flex-direction: column; align-items: center; justify-content: center; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item .c75__a5258f6f-40ee-429e-847f-94564bdab549_itemContent img{ margin-bottom: 10px; transition:all .8s } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item:hover img{ transform:rotateY(180deg) } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item::before{ content:''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item1::before{ opacity: .65; background-color: rgba(153,13,13,1); } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item4::before, .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item5::before, .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item8::before{ background-color: #000; opacity: .39; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item1{ height: 317px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item3{ height: 267px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item4{ height: 320px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item5{ height: 386px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item6{ height: 338px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item8{ height: 247px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item9, .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item2{ background-color: rgba(35,48,96,1); } @media screen and (max-width:1560px) { .c75__a5258f6f-40ee-429e-847f-94564bdab549_item{ height:200px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item1{ height: 280px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item3{ height: 240px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item4{ height: 290px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item5{ height: 340px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item6{ height: 290px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_item.c75__a5258f6f-40ee-429e-847f-94564bdab549_item8{ height: 210px; } .c75__a5258f6f-40ee-429e-847f-94564bdab549_box{ padding-bottom:10px !important; } } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__box{ width:100%; display:flex; justify-content:center; align-items:center; padding:100px 0px 50px 0px; margin-top:0px; margin-bottom:100px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container{ width: 100%; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle { text-align: center; margin-bottom:32px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title { position: relative; font-size: 40px; font-style: italic; color: rgba(151,0,0,1); font-weight: 600; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title span { position: relative; font-size: 40px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .sub_title{ position: absolute; color: rgba(151,0,0,0.08); left: 50%; top: 0; transform: translateX(-50%); font-size: 40px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .left_line { content: ""; position: absolute; top: 70%; left: 120%; width: calc((1300px - 140%) / 2); height: 2px; background-image: linear-gradient( to right, rgba(151, 0, 0, 0.5) 0%, rgba(151, 0, 0, 0) 100% ); } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .left_line::before{ content:""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 11px; background-color: #970000; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .left_line::after{ content:""; position: absolute; left: -10px; top: -11px; width: 8px; height: 8px; background-color: #970000; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .right_line { content: ""; position: absolute; top: 40%; right: 120%; width: calc((1300px - 140%) / 2); height: 2px; background-image: linear-gradient( to left, rgba(151, 0, 0, 0.5) 0%, rgba(151, 0, 0, 0) 100% ); } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .right_line::before{ content:""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: #970000; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12_mainTitle .title .right_line::after{ content:""; position: absolute; right: -8px; top: -12px; width: 11px; height: 11px; background-color: #970000; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__container { width: 100%; padding-top: 30px; padding-bottom: 30px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__mainTitle { width: 1300px; height: 93px; margin: auto; border: 1px black solid; margin-bottom: 32px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__mainBox { width: 1300px; height: 354px; margin: auto; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__navigationBox { width: 100%; height: 88%; display: flex; justify-content: space-between; flex-wrap: wrap; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__pic img { width: 250px; height: 152px; object-fit: cover; margin-bottom: 50px; } .c328__8b9f4595-2fe8-4d51-840d-6b8070320a12__pic:hover { cursor: pointer; }